<template>
  <div class="hot">
    <div class="hot-top">
      <div>
        <img src="../../../assets/images/home/bg0.png">
      </div>
    </div>
      <div class="hot-content">
          <div class="hot-content-item">
            <div class="item-img">
              <img src="../../../assets/images/home/1.jpg"/>
            </div>
            <div class="item-bottom">
              <div class="item-bottom-title">
                <a href="#">【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</a>
              </div>
              <div class="item-bottom-price">
                <p>定金：¥100.00</p>
              </div>
            </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  name: "Selling"
}
</script>

<style lang="less">
.hot{
  width: 1200px;
  height: 360px;
  margin: 0 auto;
  .hot-top{
    width: 333px;
    margin: 0 auto;
  }
  .hot-content{
    .hot-content-item{
      width: 269px;
      height: 300px;
      margin: 0 12px 10px;
      border: 1px solid #e1251b;
      float: left;
      overflow: hidden;
      .item-img{
        width: 200px;
        height: 200px;
        margin: 10px auto;
        img{
          width: 200px;
          height: 200px;
        }
      }
      .item-bottom{
        height: 100px;
        padding: 5px 5px;
        background-color:#fafafa;
        .item-bottom-title{
          font-size: 12px;
          a{
            color: #333;
            text-decoration: none;
          }
        }
        .item-bottom-price{
          color: #df3033;
        }
      }
    }
  }
}
</style>